<template>
  <div id="app">
    <el-container direction="vertical">
      <blog-header></blog-header>
      <router-view class="content"></router-view>
      <blog-footer></blog-footer>
    </el-container>
  </div>
</template>

<script>
import BlogHeader from '@/components/common/BlogHeader'
import BlogFooter from '@/components/common/BlogFooter'
export default {
  name: 'App',
  components: {
      BlogHeader,
      BlogFooter
    }
}
</script>

<style scoped>
  html,body,wrapper{
    height:100%;
    overflow:hidden;
    }
  .content{
			background-color: #E9EEF3;
      position:absolute;
      left:0;
      width: 100%;
      top:60px;
      bottom:0;
		}
</style>
